
  //colors
  $colors:(
      "primary":#db9e3f,
      'info': #4b67af,
      'blue':#4394e4,
      'blue-1':#1f3695,
      'danger':#791a15,
      "white":#fff,
      "white-1":#fcfcfc,
      "white-2":#eceef0,
      "light":#f9f9f9,
      "light-1":#d4d9de,
      "grey": #999,
      "grey-1": #666,
      "dark-1": #343440,
      "dark": #222,
      "black": #000,
  );
  
  $border-color:map-get($colors,'light-1');
  
  $base-font-size: 1rem;
  $font-sizes:(
      xxs:0.6154,
      xs:0.7692,
      sm:0.9231,
      md:1,
      lg:1.0769,
      xl:1.2308
      );
 
  
  //width ,height
  

  $flex-jc:(
      start: flex-start,
      end: flex-end,
      center: center,
      between: space-between,
      around:space-around
  );
  
 
  
  $flex-ai:(
      start: flex-start,
      end: flex-end,
      center: center,
      stretch: stretch,
  );
  
  
  //spacing
  $spacing-types:(m:margin,p:padding);
  $spacing-directions:(t:top,r:right,b:bottom,l:left);
  $spacing-base-size:1rem;
  $spacing-sizes:(
      0:0,
      1: 0.25,
      2:0.5,
      3:1,
      4:1.5,
      5:3,
  );
 